<template>
    <div>
        <p>{{ reverseMessage }}</p>
        <p>{{ reverseMessage }}</p>
        <p>{{ reverseMessage }}</p>
        <p>{{ getMessage() }}</p>
        <p>{{ getMessage() }}</p>
        <p>{{ getMessage() }}</p>
    </div>
</template>

<script>

export default {
    data() {
        return {
            message: 'Hello World'
        }
    },
    computed: {
        reverseMessage() {
            console.log("==============================")
            return this.message.split('').reverse().join('')
        }
    },
    methods: {
        getMessage() {
            console.log("**************************")
            return this.message.split().reverse().join('')
        }
    }
}

</script>

<style scoped></style>